<template>
  <div>
    <el-dialog title="请求人信息" v-model="dialogVisible" width="550">
      <div class="table-data-box">
        <div class="data-cell row">
          <span class="label">请求用户</span>
          <span class="content">{{ details.createdByName }}</span>
        </div>
        <div class="data-cell row">
          <span class="label">联系电话</span>
          <span class="content">{{ details.createByMoblie }} / {{ details.createdByPhone }}</span>
        </div>
        <div class="data-cell row">
          <span class="label">联系邮件</span>
          <span class="content">{{ details.createdByEmail }}</span>
        </div>
        <div class="data-cell row">
          <span class="label">办公地址</span>
          <span class="content">{{ details.createdByOfficeAddress }}</span>
        </div>
        <div class="data-cell row">
          <span class="label">职务</span>
          <span class="content">{{ details.createByPosition }}</span>
        </div>
      </div>
    </el-dialog>
  </div>
</template>

<script setup lang="ts" name="UserInfoMask">
import { ref } from "vue";

const details = ref<any>({});
const dialogVisible = ref(false);

const open = (data: any) => {
  details.value = data;
  dialogVisible.value = true;
};

defineExpose({
  open
});
</script>
